<!DOCTYPE html>
<html lang="zh">
	<head>
		<title>{% block title %}{% endblock title %}</title>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="viewport" content="maximum-scale=1, user-scalable=no">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="/static/css/bootstrap.min.css" crossorigin="anonymous">
		<link rel="stylesheet" href="/static/css/mystyle.css">
		<style>
	
		</style>
		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="/static/js/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
		<script src="/static/js/popper.min.js" crossorigin="anonymous"></script>
		<script src="/static/js/bootstrap.min.js" crossorigin="anonymous"></script>
		<style>
        html,
        body { height: 100%; padding: 0; margin: 0;}
        .outer { height: 100%;  box-sizing: border-box ; position: relative; padding: 0;}
        .B { height: 99%; }
    </style>
	  </head>
<body>
	<div class="container outer">
    {% block body %}
    {% endblock body %}
	</div>
</body>
</html>